iT邦幫忙

2021 iThome 鐵人賽

DAY 12
0

做完大概長這樣,左邊的圖片就會是顯示在line上面的樣子,有興趣可以自己摸索一下,這邊還有一個重點是右下方有個Action的部分

type有分成url,postback,message
我們這邊用到postback和message
postback部分就是當你按下"註冊"按鈕,他會背地裡回傳data,也就是(註冊),但是使用者是看不到的。
message就是你會看到linebot回覆你訊息,而訊息內容會是text的欄位。

這時候右上角就可以點開看到這個樣板的JSON格式了
下一篇將附上完整程式碼

Block 區塊(補充說明)

區塊是組成 Bubble 的結構,分為四個部分。

  • Header: 顯示標題的區塊。
  • Hero: 顯示主要圖片的區塊。
  • Body: 顯示主要內容的區塊。
  • Footer: 顯示按鈕或補充訊息的區塊

Component 組件

組件是 Flex Message 的最基本結構,類型很多如下。

  1. Box: 定義介面的佈局,裡面可以包含其它組件
  2. Button: 按鈕
  3. Image: 圖片
  4. Icon: 文字前的圖標
  5. Text: 文字
  6. Span: 單行文字,可以指定不同的顏色、大小、粗細
  7. Separator: 分隔線,可製作水平或垂直的分隔線
  8. Filler: 可以在組件間插入空白區塊

上一篇
DAY11 製作樣板(Template)
下一篇
DAY13 樣板完成_程式碼
系列文
Line Bot 以python及Django建構30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言